[@com.header _title="用户管理"]
<link rel="stylesheet" href="${base}/res/components/jstree/themes/default/style.min.css">
<link rel="stylesheet" href="${base}/res/components/bootstrapvalidator/dist/css/bootstrapValidator.css"/>
<link rel="stylesheet" href="${base}/res/components/select2/css/select2.min.css"/>

[/@com.header]
[@com.body]
<section class="content container-fluid">
    <div class="row">
        <div class="col-sm-4">
            <div class="box box-info">
                <div class="box-header with-border">
                    <button type="button" class="btn btn-info" id="menu-add"><i class="fa fa-plus"></i> 添加菜单</button>
                    <button type="button" class="btn btn-danger" id="menu-remove-batch"><i class="fa fa-trash"></i> 删除菜单</button>
                </div>
                <div class="box-body" id="menu-tree">

                </div>
            </div>
        </div>
        <div class="col-sm-8">
            <div class="box box-info">
                <form class="form-horizontal" action="save" id="form-menu" onsubmit="return false">
                    <input type="hidden" name="id" id="id" value="" />
                    <input type="hidden" name="path" id="path" value="" />
                    <div class="box-header with-border">
                        <button type="submit" class="btn btn-info"><i class="fa fa-save"></i> 保存</button>
                        <button type="button" id="menu-reset" class="btn btn-default"><i class="fa fa-undo"></i> 重置</button>
                        <button type="button" class="btn btn-danger" id="menu-remove" disabled><i class="fa fa-trash-o"></i> 删除</button>
                    </div>
                    <div class="box-body">
                        <div class="form-group">
                            <label for="name" class="col-sm-2 control-label">菜单名称</label>
                            <div class="col-sm-6">
                                <input class="form-control" name="name" id="name" placeholder="请输入菜单名称" type="text"
                                     required maxlength="20" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="pid" class="col-sm-2 control-label">父级菜单</label>
                            <div class="col-sm-6 select2-auto">
                                <select name="pid" id="pid" l-select class="form-control" required></select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="menuType" class="col-sm-2 control-label">菜单类型</label>
                            <div class="col-sm-6 select2-auto">
                                <select name="menuType" l-select2 class="form-control" required>
                                    <option value="">== 请选择 ==</option>
                                    <option value="inner">系统链接</option>
                                    <option value="tag">菜单标签</option>
                                    <option value="permit">权限标识</option>
                                    <option value="out">外部链接</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="url" class="col-sm-2 control-label">地址</label>
                            <div class="col-sm-6">
                                <input class="form-control" name="url" id="url" placeholder="请输入地址" type="text"
                                    maxlength="100" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="icon" class="col-sm-2 control-label">图标</label>
                            <div class="col-sm-6">
                                <input class="form-control" name="icon" id="icon" placeholder="请输入图标" type="text"
                                    maxlength="30" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="sort" class="col-sm-2 control-label">排序</label>
                            <div class="col-sm-6">
                                <input class="form-control" name="sort" id="sort" placeholder="请输入排序" type="number"
                                    maxlength="5" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="notes" class="col-sm-2 control-label">备注</label>
                            <div class="col-sm-10">
                                <textarea class="form-control" name="notes" id="notes" placeholder="备注信息" ></textarea>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</section>
[/@com.body]
<script type="text/javascript" src="${base}/res/components/bootstrapvalidator/dist/js/bootstrapValidator.min.js"></script>
<script type="text/javascript" src="${base}/res/components/bootstrapvalidator/dist/js/language/zh_CN.js"></script>
<script type="text/javascript" src="${base}/res/components/jstree/jstree.min.js"></script>
<script type="text/javascript" src="${base}/res/components/select2/js/select2.min.js"></script>
<script type="text/javascript" src="${base}/res/js/system/menu.js"></script>
